<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Dom</title>
</head>

<body>
    <div data-ng-app="" data-ng-init="mySwitch=true">
        <h3>ng-disable</h3>
        <p>
            <button data-ng-disabled="mySwitch">Click</button>
            <input type="checkbox" data-ng-model="mySwitch" />切换按钮状态<br />
            <span>按钮是否启用:{{!mySwitch}}</span><br />
            <span>禁用按钮：<button disabled>Click</button></span><br />
            <span>启用按钮：<button>Click</button></span>
        </p>
        <h3>ng-show</h3>
        <p>
            true:<span data-ng-show="true">可见</span><br /> false:
            <span data-ng-show="false">不可见</span>
        </p>
        <h3>ng-hide</h3>
        <p>
            true:<span data-ng-hide="true">不可见</span><br /> false:
            <span data-ng-hide="false">可见</span>
        </p>
    </div>
    <script src="../node_modules/angular/angular.min.js"></script>
</body>

</html>
